<cp-navbar (onClickLeft)="onClickLeft()" [border]="false"></cp-navbar>
<div class="error" *ngIf="error"><cp-error (reload)="handleReload()"></cp-error></div>
<div class="loading" *ngIf="loading"><cp-loading></cp-loading></div>
<div class="container" *ngIf="!loading&&!error">
    <cp-tab [items]="tabs" [itemWidth]="40" (onTabChange)="onTabChange($event,item)"></cp-tab>
    <div class="fixed-top">
        <div class="tags">
            <span (click)="searchLabel('SaleStatus_Sell')">在售</span> 
            <span (click)="searchLabel('SaleStatus_Wait')">待售</span>
            <span (click)="searchLabel('SaleStatus_Finish')">售罄</span>
        </div>
    </div>
    <div class="fill"></div>
    <div class="list" *ngIf="itemsViewModal.length!=0">
        <div class="gutter"></div>
        <div class="item" [queryParams]="{layout: item.Id}" routerLink="/workspace/estate/typeDetail" *ngFor="let item of itemsViewModal">
            <cp-estate-type2 [item]="item"></cp-estate-type2>
        </div>
    </div>
    <div class="empty" *ngIf="itemsViewModal.length===0">
        <cp-empty></cp-empty>
    </div>

</div>